@import "../../less/extend/global";
@import "../../less/extend/mixins";

.m-content {
    background-color: #fff;
}

.m-block {
    position: relative;
    padding: 14px 8px;
    display: block;

    .b-lf {
        width: 110px;
        height: 75px;
        float: left;

        img {
            width: 95%;
            height: 95%;
            border-radius: 1PX;
            margin: 0 auto;
        }
    }

    .b-rg {
        padding-left: 120px;

        .r-tle {
            line-height: 20px;
            color: #101010;
        }

        .r-flag {
            display: inline-block;
            color: #fff;
            font-size: 12px;
            padding: 1px 5px;
            border-radius: 2PX;
            margin: 15px 0 5px 0;

            &.succ {
                background-color: @default-color;
            }

            &.fail {
                background-color: #f00;
            }
        }

        .r-time {
            font-size: 12px;
            color: #999;
        }

        .r-infos {
            display: flex;
            font-size: 12px;

            .r-info {
                flex: 1;
                padding-top: 2px;
                color: #101010;

                &.on {
                    color: @default-darken-color;
                }
            }
        }
    }

    &:after {
        .bottom-line();
    }
}